<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<link rel="stylesheet" href="/static/css/flatly/bootstrap.css">
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
	<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>

<body>

	<ul id="sortable2" class="list-group">
		<li class="list-group-item">SSS</li>
		<li class="list-group-item">
			<ul class="list-group" id="sortable" ng-app="" ng-init="lis=[1,2,3,4,5,6,7,8,9]">
				<li class="list-group-item" ng-repeat="x in lis" ng-bind="x"></li>
			</ul>
		</li>
		<li class="list-group-item">LLL</li>
	</ul>


</body>
<script>
	$(function () {
		$("ul").sortable();
	
		//$("#sortable2").disableSelection();
	});
</script>

</html>